<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>F.Studio by FPT</title>

    <link href="images/favicon.ico" rel="shortcut icon">

    <link href="css/normalize.css" rel="stylesheet" type="text/css">
    <link href="css/reset.css" rel="stylesheet" type="text/css">
    <link href="css/nivo-slider.css" rel="stylesheet" type="text/css">
    <link href="css/jquery.fancybox.css" rel="stylesheet" type="text/css">
    <link href="css/lofslidernews.css" rel="stylesheet" type="text/css">
    <!--CSS-->
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <link href="css/products-related.css" rel="stylesheet" type="text/css">
    <!--JS-->
    <script src="plugins/jquery-1.11.1.min.js" type="text/javascript"></script>
    <script src="js/account.js" type="text/javascript"></script>
</head>
<body>

    <div id="fb-root"></div>
    <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.0";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    <header class="itq-header">
        <section class="itq-wrapper">
            <figure>
                <a href="index.html"><img src="images/logo.png" alt=""></a>
            </figure>
            <form action="#" method="post">
                <select class="greyBox" name="">
                    <option>Tất cả</option>
                    <option>Mac</option>
                    <option>iPad</option>
                    <option>iPhone</option>
                    <option>iPod</option>
                    <option>Phụ kiện</option>
                    <option>Chương trình khách hàng thân thiết</option>
                </select>
                <input class="txt greyBox" type="text" name="" placeholder="Tìm kiếm">
                <input class="btn" type="submit" name="" value="Tìm kiếm">
            </form>
            <section class="itq-cart">
                <figure>
                    <a href="#"><img src="images/cart.png" alt=""/></a>
                    <figcaption>
                        <a>0 sản phẩm</a><br/>
                        <a>0 đ</a>
                    </figcaption>
                </figure>
            </section>
            <section class="seller"></section><!--end .seller-->
        </section><!--end .itq-wrapper-->
    </header><!--end .itq-header-->
    <nav class="itq-nav">
        <section class="itq-wrapper">
            <ul>
                <li><a href="index.html">Trang chủ</a></li>
                <li><a href="mac.html">Mac</a></li>
                <li><a href="iphone.html">iPhone</a></li>
                <li><a href="ipad.html">iPad</a></li>
                <li><a href="ipod.html">iPod</a></li>
                <li><a href="phukien.html">Phụ kiện</a></li>
                <li><a href="tintuc.html">Khuyến mại</a></li>
                <li><a href="tintuc.html">Tin tức</a></li>
                <li><a href="tintuc.html">Khách hàng thân thiết</a></li>
            </ul>
            <section class="itq-login" style="display: none;">
                <span>Tài khoản</span>
                <form class="form-login" action="#" method="post">
                    <section class="form-grey">
                        <input class="closeBtn" type="button" value="">
                        <input class="txt-ac" type="text" placeholder="Số điện thoại/e-Mail">
                        <input class="txt-ac" value="pass" type="password" placeholder="Mật khẩu" onblur="if(this.value==''){this.value='pass'}" onfocus="if(this.value=='pass'){this.value='';}">
                        <div class="forgot-pass"><span><a href="#">Quên mật khẩu?</a></span></div>
                        <div class="remem-pass"><input type="checkbox"><label>Ghi nhớ thông tin đăng nhập</label></div>
                    </section>
                    <section class="form-btn">
                        <input class="blueBtn" type="submit" value="ĐĂNG NHẬP">
                        <input class="greyBtn" id="click" type="button" value="ĐĂNG KÝ">
                    </section>
                </form>
                <section id="register">
                    <header><h3>TÀI KHOẢN</h3></header>
                    <section class="register-info">
                        <h3>ĐĂNG KÝ</h3>
                        <form action="#" method="post">
                            <input class="txt-ac inline" type="text" placeholder="Họ và tên">
                            <input class="txt-ac inline" type="text" placeholder="Địa chỉ Email">
                            <input class="txt-ac inline" value="pass" type="password" placeholder="Mật khẩu" onblur="if(this.value==''){this.value='pass'}" onfocus="if(this.value=='pass'){this.value='';}">
                            <input class="blueBtn" type="submit" value="ĐĂNG KÝ">
                        </form>
                    </section><!--end .register-info-->
                    <section class="register-info">
                        <h3>ĐĂNG NHẬP</h3>
                        <form action="#" method="post">
                            <input class="txt-ac inline" type="text" placeholder="Địa chỉ Email">
                            <input class="txt-ac inline" value="pass" type="password" placeholder="Mật khẩu" onblur="if(this.value==''){this.value='pass'}" onfocus="if(this.value=='pass'){this.value='';}">
                            <input class="blueBtn" type="submit" value="ĐĂNG NHẬP">
                        </form>
                    </section><!--end .register-info-->
                </section>
            </section><!--end .itq-login-->
            <section class="itq-info-account">
                <span>lemanhhai1310@gmail.com</span>
                <section class="itq-quick-menu">
                    <ul>
                        <li><a href="#"><input type="button" class="leftBtn1"/></a></li>
                        <li><a href="#"><input type="button" class="leftBtn6"/></a></li>
                        <li><a href="#"><input type="button" class="leftBtn2"/></a></li>
                        <li><a href="#"><input type="button" class="leftBtn3"/></a></li>
                        <li><a href="#"><input type="button" class="leftBtn4"/></a></li>
                        <li><a href="#"><input type="button" class="leftBtn5"/></a></li>
                        <li><a href="#"><input type="button" class="leftBtnExit"/></a></li>
                    </ul>
                </section><!--end .itq-quick-menu-->
            </section><!--end .itq-info-account-->
        </section>
    </nav>
    <section class="clear"></section>
    <section class="itq-master-wrapper">
        <section class="itq-wrapper">
            <section class="itq-cartBody clearfix">
                <section class="rightContent" style="float: none; width: 100%;">
                    <header class="itq-greyBg"><h3>TIẾN HÀNH THANH TOÁN</h3></header>
                    <section class="Content">
                        <section class="PopupContent">
                            <form action="#" method="post">
                                <section class="threeCol">
                                    <section class="contentCol">
                                        <h3 class="title">THÔNG TIN KHÁCH HÀNG</h3>
                                        <section class="clear"></section>
                                        <input type="radio" name="radio1" value="person" checked id="customer_info_0"/><label for="customer_info_0">Cá nhân</label>
                                        <input type="radio" name="radio1" value="business" id="customer_info_1"/><label for="customer_info_1">Doanh nghiệp</label><br/>
                                        <input class="formBox" type="text" value="Lê Mạnh Hải"/><br/>
                                        <input class="formBox" type="text" value="0989172546"/><br/>
                                        <div class="box1"><input class="formBox" type="text" placeholder="Tên công ty"/><br/></div>
                                        <input class="formBox" type="text" value="Ngõ 296 Minh Khai"/><br/>
                                        <div class="box1"><input class="formBox" type="text" placeholder="Mã số thuế"/><br/></div>
                                        <select class="formBoxSelect" style="width: 218px">
                                            <option>Hà Nội</option>
                                            <option>TP. Hồ Chí Minh</option>
                                        </select><br/>
                                        <select class="formBoxSelect" style="width: 218px">
                                            <option>Quận Hai Bà Trưng</option>
                                            <option>Quận Hoàn Kiếm</option>
                                            <option>Quận Đống Đa</option>
                                            <option>Quận Ba Đình</option>
                                        </select>
                                    </section><!--end .contentCol-->
                                    <section class="contentCol">
                                        <h3 class="title">HÌNH THỨC NHẬN HÀNG</h3>
                                        <section class="clear"></section>
                                        <input id="shippingoption_0" type="radio" name="radio2" value="fstudio" checked/><label for="shippingoption_0">Nhận hàng tại F.Studio</label><br/>
                                        <input id="shippingoption_1" type="radio" name="radio2" value="address_on"/><label for="shippingoption_1">Nhận hàng tại địa chỉ trên</label><br/>
                                        <input id="shippingoption_2" type="radio" name="radio2" value="address_other"/><label for="shippingoption_2">Nhận hàng tại địa chỉ khác</label><br/>
                                        <section id="BillAddress1">
                                            <section class="greySmallBg">
                                                <input class="formBox" type="text" value="Lê Mạnh Hải"/><br/>
                                                <input class="formBox" type="text" value="0989172546"/><br/>
                                                <input class="formBox" type="text" value="Ngõ 296 Minh Khai"/><br/>
                                                <select class="formBoxSelect" style="width: 218px">
                                                    <option>Hà Nội</option>
                                                    <option>TP. Hồ Chí Minh</option>
                                                </select><br/>
                                                <select class="formBoxSelect" style="width: 218px">
                                                    <option>Quận Hai Bà Trưng</option>
                                                    <option>Quận Hoàn Kiếm</option>
                                                    <option>Quận Đống Đa</option>
                                                    <option>Quận Ba Đình</option>
                                                </select>
                                            </section>
                                        </section>
                                        <section id="BillAddress2">
                                            <section class="greySmallBg">
                                                Vui lòng chọn một trong các địa chỉ shop dưới đây: <br/>
                                                <select class="formBoxSelect" style="width: 218px">
                                                    <option>Hà Nội</option>
                                                    <option>TP. Hồ Chí Minh</option>
                                                </select><br/>
                                                <select class="formBoxSelect" style="width: 218px">
                                                    <option value="7">92 Hai Bà Trưng, Quận Hoàn Kiém, Hà nội, Quận Hoàn Kiếm</option>
                                                    <option value="8">72A Nguyễn Trãi, Quận Thanh Xuân, Hà Nội, Quận Thanh Xuân</option>
                                                    <option value="2">116 Nguyễn Huệ  &amp; 171 Đồng Khởi, Quận 1, tp HCM, Quận 1</option>
                                                    <option value="3">121 Lê Lợi, Quận 1, tp HCM, Quận 1</option>
                                                    <option value="4">70-72 Lê Thánh Tôn, Quận 1, tp HCM, Quận 1</option>
                                                </select>
                                            </section>
                                        </section>
                                    </section><!--end .contentCol-->
                                    <section class="contentCol" style="margin-left: 40px">
                                        <h3 class="title">HÌNH THỨC THANH TOÁN</h3>
                                        <section class="clear"></section>
                                        <input id="payment0" type="radio" name="radio3" value="fstudio" checked/><label for="payment0">Thanh toán khi nhận hàng (COD)</label><br/>
                                        <section class="ck" id="pay0">
                                            1. Tại cửa hàng: <br>
                                            <span class="smallText">Thanh toán tại hệ thống các cửa hàng của FPT Shop.</span><br>
                                            2. Tại nhà/ nơi nhận hàng:<br>
                                            <span class="smallText">Thanh toán trực tiếp cho nhân viên giao hàng khi nhận hàng.</span>
                                        </section>
                                        <input id="payment1" type="radio" name="radio3" value="address_on"/><label for="payment1">Chuyển khoản qua tài khoản ATM</label><br/>
                                        <section class="ck" id="pay1">
                                            Chuyển khoản qua ngân hàng VIETCOMBANK hoặc AGRIBANK theo thông tin:<br>
                                            <ul style="list-style: none; margin: 0px; padding: 0px;">
                                                <li>
                                                    <span class="smallText">
                                                        <b>1.Thông tin tài khoản AGRIBANK</b><br>
                                                        <b>• Tên NH:</b> NH NN&amp;PTNT AGRIBANK – CN: 4 <br>
                                                        <b>• Chủ TK:</b> Cty CP Bán Lẻ Kỹ Thuật Số FPT<br>
                                                        <b>• Số TK:</b> 1902201048989<br>
                                                        <b>• Nội dung:</b> Mã đơn hàng - Tên khách hàng <br>
                                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- Tên sản phẩm <br>
                                                    </span>
                                                </li>
                                                <li>
                                                    <span class="smallText">
                                                        <b>2.Thông tin tài khoản VIETCOMBANK</b><br>
                                                        <b>• Số tài khoản:</b> 0071000700587  <br>
                                                        <b>• Tên NH:</b>Ngân hàng TMCP Ngoại thương Việt Nam<br>
                                                        <b>• Chủ TK:</b>Cty CP Bán Lẻ Kỹ Thuật Số FPT<br>
                                                        <b>• Nội dung:</b> Mã đơn hàng - Tên khách hàng <br>
                                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- Tên sản phẩm <br>
                                                    </span>
                                                </li>
                                            </ul>
                                        </section>
                                        <input id="payment2" type="radio" name="radio3" value="address_other"/><label for="payment2">Thanh toán qua đường Bưu điện</label><br/>
                                        <section class="ck" id="pay2">
                                            Quý khách ghi rõ đơn hàng, tên, địa chỉ và số điện thoại của người gửi để thuận tiện phản hồi gửi về:<br>
                                            <span class="smallText">
                                                <b>Trung tâm Thương Mại Điện Tử Cty CP Bán lẻ Kỹ Thuật Số FPT</b><br>
                                                    305 Tô Hiến Thành - Phường 13- Quận 10 , TP.HCM
                                            </span>
                                        </section>
                                        <input id="payment3" type="radio" name="radio3" value="address_other"/><label for="payment3">Trực tiếp qua ATM nội địa (OnePAY)</label><br/>
                                        <section class="ck" id="pay3">
                                            <img src="images/bankList.png"><br>
                                            <span class="smallText">
                                                <i>* Thẻ của Quý khách phải được đăng ký và kích hoạt chức năng thanh toán trực tuyến</i>
                                            </span>
                                        </section>
                                        <input id="payment4" type="radio" name="radio3" value="address_other"/><label for="payment4">Trực tiếp qua thẻ Visa, Master Card (OnePAY)</label><br/>
                                        <section class="ck" id="pay4">
                                            <img src="images/visa.png" style="width: 100%">
                                        </section>
                                    </section><!--end .contentCol-->
                                </section><!--end .threeCol-->
                            </form>
                        </section><!--end .PopupContent-->
                        <form action="#" method="post">
                            <table class="fullTable">
                                <tr class="trBorder">
                                    <th align="left" class="tdLong"></th>
                                    <th align="left" class="greyTh tdPadding3">GIÁ</th>
                                    <th align="left" class="greyTh tdPadding3">SỐ LƯỢNG</th>
                                    <th align="left" class="greyTh tdPadding3">THÀNH TIỀN</th>
                                    <th align="left" class="tdShort"></th>
                                </tr>
                                <tr class="trBorder">
                                    <td>
                                        <figure>
                                            <img class="tableProductPic" src="uploads/gio-hang/0023037_iphone-6-16gb-bac_80.png" alt=""/>
                                            <figcaption class="tableProductName"><a href="#">iPhone 6 16GB Bạc (Bạc)</a></figcaption>
                                        </figure>
                                    </td>
                                    <td class="greyPrice">17,800,000 đ</td>
                                    <td><input type="text" value="1" class="noBox"/></td>
                                    <td class="bluePrice">17,800,000 đ</td>
                                    <td><div class="trash"><a href="#"></a></div></td>
                                </tr>
                                <tr class="trBorder">
                                    <td>
                                        <figure>
                                            <img class="tableProductPic" src="uploads/gio-hang/0022762_macbook-air-11-inch-md712zpb2014_80.jpeg" alt=""/>
                                            <figcaption class="tableProductName"><a href="#">Macbook Air 11 inch MD712ZP/B(2014) (Bạc)</a></figcaption>
                                        </figure>
                                    </td>
                                    <td class="greyPrice">26,490,000 đ</td>
                                    <td><input type="text" value="1" class="noBox"/></td>
                                    <td class="bluePrice">26,490,000 đ</td>
                                    <td><div class="trash"><a href="#"></a></div></td>
                                </tr>
                            </table>
                            <section class="clear"></section>
                            <section class="Content-count">
                                <table class="fullTable">
                                    <tr>
                                        <th style="width: 506px;"></th>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                        <th style="width: 30px;"></th>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td></td>
                                        <td class="greyPrice tdPadding1">Tổng tiền</td>
                                        <td class="bluePrice tdPadding1">44,290,000 đ</td>
                                        <td></td>
                                    </tr>
                                    <tr class="trBorder">
                                        <td></td>
                                        <td></td>
                                        <td class="greyPrice tdPadding2">Phí vận chuyển</td>
                                        <td class="bluePrice tdPadding2">Không cần thiết</td>
                                        <td></td>
                                    </tr>
                                    <tr class="trBorder" style="background:#F5F5F5">
                                        <td style="width:176px; padding-left:65px" colspan="3">
                                            <input type="text" class="whiteBox" placeholder="Mã giảm giá" style="margin: 4px 0px;"/>
                                            <input type="button" class="greyBtn" value="SỬ DỤNG" style="width: initial"/>
                                        </td>
                                        <td colspan="3"></td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td></td>
                                        <td class="greyPrice tdPadding4">Tổng cộng</td>
                                        <td class="bluePrice tdPadding4">44,290,000 đ</td>
                                    </tr>
                                </table>
                            </section><!--end .Content-count-->
                        </form>
                    </section><!--end .Content-->
                    <footer class="itq-greyBg">
                        <input class="greyBtn" id="click" type="button" value="QUAY LẠI GIỎ HÀNG">
                        <input class="blueBtn" type="submit" value="THANH TOÁN">
                    </footer>
                </section><!--end .rightContent-->
            </section><!--end .itq-cartBody-->
        </section>
    </section><!--end .itq-master-wrapper-->
    <section class="clear"></section>
    <section class="itq-greyBg">
        <section class="greyLine"></section><!--end .greyLine-->
        <section class="itq-wrapper">
            <section class="form-email">
                <form action="#" method="post">
                    <label>Đăng ký nhận tin khuyến mãi</label>
                    <input class="name" type="text" placeholder="Bạn tên gì?">
                    <input class="email" type="text" placeholder="Email của bạn..">
                    <input class="btn-xn" type="submit" value="XÁC NHẬN">
                </form>
            </section><!--end .form-email-->
            <section class="phone">
                <ul>
                    <li>
                        <p>Giao hàng miễn phí</p>
                        <span>1900 6606</span>
                    </li>
                    <li>
                        <p>Chăm sóc khách hàng</p>
                        <span>1900 6616</span>
                    </li>
                </ul>
            </section>
        </section>
        <section class="greyLine"></section><!--end .greyLine-->
    </section><!--end .itq-greyBg-->
    <footer class="itq-footer itq-greyBg">
        <section class="itq-wrapper">
            <section class="left">
                <section class="info">
                    <h3>Thông tin F.Studio</h3>
                    <ul>
                        <li><a href="#">Giới thiệu</a></li>
                        <li><a href="#">Tuyển dụng</a></li>
                        <li><a href="#">Hệ thống cửa hàng</a></li>
                        <li><a href="#">Liên Hệ</a></li>
                        <li><a href="#">Trợ giúp / Hỏi đáp</a></li>
                    </ul>
                </section>
                <section class="info">
                    <h3>Dịch vụ & Hỗ trợ</h3>
                    <ul>
                        <li><a href="#">Hướng dẫn mua hàng</a></li>
                        <li><a href="#">Hướng dẫn thanh toán</a></li>
                        <li><a href="#">Chính sách đổi sản phẩm</a></li>
                        <li><a href="#">Chính sách bảo hành</a></li>
                        <li><a href="#">Câu hỏi thường gặp</a></li>
                        <li><a href="#">Chính sách bảo mật</a></li>
                    </ul>
                </section>
            </section><!--end .left-->
            <section class="right">
                <section class="social">
                    <h3>Kết nối với F.Studio</h3>
                    <ul>
                        <li><a href="#"><img src="images/0020311_facebook.png" alt=""></a></li>
                        <li><a href="#"><img src="images/0020313_youtube.png" alt=""></a></li>
                    </ul>
                </section><!--end .social-->
                <section class="facebook">
                    <!--
                    <header><h3>Tìm chúng tôi trên Facebook</h3></header>
                    <section class="face-box"></section>
                    -->
                    <div class="fb-like-box" data-href="https://www.facebook.com/fstudiobyfpt.com.vn" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>
                </section><!--end .facebook-->
            </section><!--end .right-->
        </section><!--end .itq-wrapper-->
        <section class="greyLine"></section>
        <section class="clear"></section>
        <section class="itq-wrapper footer-bottom">
            <p>Apple, the Apple logo are trademark of Apple inc, registered in the US, and other countries</p>
            <p>Copyright @ 2010 Apple by FPT - FPT Digital Retail J.S.C... All rights reserved.</p>
        </section>
    </footer><!--end .itq-footer-->
    <script src="plugins/jquery.nivo.slider.js" type="text/javascript"></script>
    <script src="plugins/jquery.fancybox.pack.js" type="text/javascript"></script>
    <script src="plugins/lofslidernews.js" type="text/javascript"></script>
    <script src="plugins/jquery.easing.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(window).load(function() {
            $('#slider').nivoSlider({
                effect: 'random',
                slices: 15,
                boxCols: 8,
                boxRows: 4,
                animSpeed: 500,
                pauseTime: 3000,
                startSlide: 0,
                directionNav: true,
                controlNav: true,
                controlNavThumbs: false,
                pauseOnHover: true,
                manualAdvance: false,
                prevText: '',
                nextText: '',
                randomStart: false,
                beforeChange: function(){},
                afterChange: function(){},
                slideshowEnd: function(){},
                lastSlide: function(){},
                afterLoad: function(){}
            });
        });
    </script>

    <script type="text/javascript">
        $(document).ready( function(){
            // buttons for next and previous item
            var buttons = { previous:$('#jslidernews1 .button-previous') ,
                next:$('#jslidernews1 .button-next') };
            $('#jslidernews1').lofJSidernews( { interval : 4000,
                direction		: 'opacitys',
                easing			: 'easeInOutExpo',
                duration		: 1200,
                auto		 	: true,
                maxItemDisplay  : 4,
                navPosition     : 'horizontal', // horizontal
                navigatorHeight : 90,
                navigatorWidth  : 80,
                mainWidth		: 560,
                buttons			: buttons
                ,rtl:true} );
        });
    </script>

</body>
</html>